<script setup>
import { RouterLink, RouterView } from 'vue-router'
import ScreenAdapter from "./components/ScreenAdapter.vue";
import { onMounted, ref, watch,getCurrentInstance } from 'vue';

var transitionName = ref('')

onMounted(() => {
	
})

</script>

<template>
  <component :is="ScreenAdapter">
  	<div id="screen">
  		<transition :name="transitionName">
  			<RouterView />
  		</transition>
  	</div>
  </component>
</template>

<style scoped lang="scss">
#screen {
	width: 100%;
	height: 100%;
}
</style>
